<?PHP
	include "restritoCliente.php";
	header("Content-Type: text/html; charset=UTF-8", true);
?>

<html>

	<head>
		<title>Detalhes</title>
		<script src=" js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/cadastro.js"></script>
		<link rel="stylesheet" type="text/css"  href="css/style.css">
        <link rel="stylesheet" type="text/css"  href="css/carousel.css">
        <link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" />
		<link rel="stylesheet" type="text/css" href="css/skin.css" />
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script>
    
    <script type="text/javascript">
		$(document).ready(function () {
			
			//jCarousel Plugin
		    $('#carousel').jcarousel({
				vertical: true,
				scroll: 1,
				auto: 2,
				wrap: 'last',
				initCallback: mycarousel_initCallback
		   	});

		//Front page Carousel - Initial Setup
	   	$('div#slideshow-carousel a img').css({'opacity': '0.5'});
	   	$('div#slideshow-carousel a img:first').css({'opacity': '1.0'});
	   	$('div#slideshow-carousel li a:first').append('<span class="arrow"></span>')

	  
	  	//Combine jCarousel with Image Display
	    $('div#slideshow-carousel li a').hover(
	       	function () {
	        		
	       		if (!$(this).has('span').length) {
	        		$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
	   	    		$(this).stop(true, true).children('img').css({'opacity': '1.0'});
	       		}		
	       	},
	       	function () {
	        		
	       		$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
	       		$('div#slideshow-carousel li a').each(function () {

	       			if ($(this).has('span').length) $(this).children('img').css({'opacity': '1.0'});

	       		});
	       	}).click(function () {

			      	$('span.arrow').remove();        
					$(this).append('<span class="arrow"></span>');
			       	$('div#slideshow-main li').removeClass('active');        
			       	$('div#slideshow-main li.' + $(this).attr('rel')).addClass('active');	
		        	
		       	return false;
				});
			});

		//Carousel Tweaking

		function mycarousel_initCallback(carousel) {
			
			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		}
	</script>
    
	</head>

	<body>
		<div class="container">
			<div class="head">
				<a id="logo" href="index.php">CKJ Store</a>
				
				<?php include 'head_login.php'; ?>
			</div>

			<!-- fim do header-->

			<?php include 'head_search.php'; ?>

			<?php 
			$idProduct = $_GET['id'];
			
			include 'telaProduto.php'; 
			
			?>
			
			<div class="content">
			<form >
           		<!-- AQUI É PRA SER OQ?? -->
			</form>
			</div>
		</div>
	</body>
</html>